﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  <head>
   
	<META http-equiv="X-UA-Compatible" content="IE=8" />
    <title>login</title>
	
	<link href='http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb' rel='stylesheet' type='text/css' />
    <link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	
	
    <style>	
		@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
		
		body { 
			background-color:#f0f0f0;
			font-family:Nanum Gothic; font-size: 14px;
			}			
		  
		#top_wrapper {width:930px; margin:auto; }	
		#titlebox {width:270px; height:57px; float:left; background-color:#262626;}
		#content0 {width:200px; height:57px; float:left; background-color:#262626;}
		#content1 {width:250px; height:57px; float:left; background-color:#262626;}
		#content2 {width:180px; height:57px; float:left; background-color:#262626;}
		#content3 {width:930px; height:40px; clear:both; background-color:#dddddd;}
		
		#menu    { margin-top:19px; margin-right:10px; float:right; }
		#menubar_left    { background-image:url(images/topbg_left.png); width:16px; height:57px; float:left; }
		#menubar_right   { background-image:url(images/topbg_right.png); width:7px; height:57px; float:left; }
		#makebutton { margin-top:7px; margin-right:10px; float:right; }
		
		#foot {height:30px; clear:both; background-color:purple;}

		
		ul li { list-style:none; float:left; margin-left:20px;}
		
		.bmenu li { margin-left:5px; }
		.bmenu li a{font-size:12px; display:block; color:#bdbdbd; text-decoration: none;}
		.bmenu li a:hover {color:#ffffff;}	
		
		.gongtext { font-size:15px;}

    </style>

   
  </head>

  <body>
  
	<div id="top_wrapper">
		<div id="menubar_left">			
		</div>
		<div id="titlebox">
			<div style="background-image: url(images/green_title.png); height: 95px; width: 247px;margin-left:10px;" ></div>
		</div>
		<div id="content0">
			<div style="margin-top:10px;">
				<form class="navbar-search pull-left form-search">
					<div class="input-append">
						<input type="text" class="span2 search-query" placeholder="찾아보기">
						<button class="btn btn-primary" type="button">검색</button>
					</div>
				</form>
			</div>
		</div>		
		<div id="content1">			
			<div id="menu">			
				<ul class="bmenu">
					<li>
						<a href="#">로그인</a>
					</li>
					<li>
						<a href="#">회원가입</a>
					</li>
					<li>
						<a href="#">마이페이지</a>
					</li>   
				</ul>
			</div>
		</div>
		<div id="content2">
			<div id="makebutton">
				<button class="btn btn-large btn btn-warning" type="button">공동구매만들기</button>
			</div>
		</div>	
		<div id="menubar_right">			
		</div>		
		<div id="content3">
			<div style="float:right;margin-top:10px; margin-right:20px;">
				<p style="font-size:16pt;" ><font color="#6b6b6b">현재 <font color="#00b17f">345</font>개의 공동구매가 진행중입니다.</font></p>
			</div>
		</div>
	</div>

	
	
    


  </body>
</html>
